<template>
	<view>
		<view style="margin-top: 28rpx;">
			<view class="info">
				<view>平台账号</view>
				<input type="text" value="" placeholder="注册平台的手机号码"/>
			</view>
			<view class="info">
				<view>员工名称</view>
				<input type="text" value="" placeholder="输入员工名称"/>
			</view>
		</view>
		<view class="info info-tu" @click="goChoice()">
			<view>员工角色</view>
			<input type="text" value="" placeholder="选择员工角色"/>
			<u-icon name="arrow-right" color="#333" size="26"></u-icon>
		</view>
		
		<view style="width: 100%;margin-top: 20rpx;padding-top: 55rpx; background-color: #fff;height:740rpx;">
			<view class="bao">保存</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 选择员工
			goChoice(){
				uni.navigateTo({
					url:'/pagesF/choice/choice'
				})
			}
		}
	}
</script>

<style lang="scss">
page{
	background-color: #F4F4F4;
}

.bao{
	
	width: 331rpx;
	height: 89rpx;
	line-height: 89rpx;
	text-align: center;
	border: 1rpx solid #00C6C2;
	font-size: 32rpx;
	font-family: PingFang;
	font-weight: 500;
	color: #00C6C2;
	margin: auto;
	
}
.info{
	padding: 25rpx;
	background-color: #fff;
	border-bottom: 1rpx solid #F1F1F1;	
	display: flex;
	align-items: center;
	
	
	view{
		width:170rpx;
		font-size: 32rpx;
		font-family: PingFang;
		font-weight: 500;
		color: #282828;
	}
	
	input{
		width: 65%;
		padding-left: 30rpx;		
		font-size: 32rpx;
		font-family: PingFang;
		font-weight: 500;
		
	}
	.data{	
		width: 80%;
		font-size: 32rpx;
		font-family: PingFang;
		font-weight: 500;
		color: #282828;
	}
	u-icon{
		width: 5%;
	}
	.yan{		
		font-size: 32rpx;
		font-family: PingFang;
		font-weight: 500;
		color: #00C6C2;
	}
}
.info-tu{
	margin-top: 28rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}
</style>
